import React from "react";

class AppClass extends React.Component {
    state = {
        name: "传智播客",
    };

    render() {
        // 组件第一次加载时候执行，状态更新时候执行
        console.log("render执行");
        return (
            <div>
                我是类组件
                <p>{this.state.name}</p>
                <button
                    onClick={() => {
                        // this.state.name = "黑马程序员";
                        // vue2
                        // 对象数据响应：Object.defienProperty
                        // 数组数据响应： 修改数组方法
                        // vue3
                        // 对象和数组响应：通过Proxy代理劫持，Refelct修改属性方法
                        this.setState({
                            name: "黑马程序员",
                        });
                    }}>
                    修改name
                </button>
            </div>
        );
    }
}

export default AppClass;
